<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page language="java" contentType="text/html; charset=utf-8"
         pageEncoding="utf-8" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Index</title>
</head>
<link href="${pageContext.request.contextPath}/css/css_whir.css" rel="stylesheet" type="text/css" />
<script src="${pageContext.request.contextPath}/js/jquery-1.12.4.js"></script>
<style type="text/css">
    .black_overlay{
        display: none;
        position: absolute;
        top: 0%;left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index: 1001;
        opacity: .70;
    }
    .white_content{
        display: none;
        position: fixed;
        top: 30%;
        left: 40%;
        width: 400px;
        height: 400px;
        background-color: white;
        z-index: 1002;
        overflow: auto;

    }
    #bigImg{
        width: 400px;
        height: 400px;
    }
    #bigImg1{
        width: 400px;
        height: 400px;
    }
</style>
<body>
<div class="footer">
    <div class="nav">
        <ul>
            <li>
                <span>外教服务</span>
                <a href="${pageContext.request.contextPath}/service.jsp">一对一外教</a>
                <a href="${pageContext.request.contextPath}/service.jsp">企业英语培训</a>
                <a href="${pageContext.request.contextPath}/service.jsp">学校全职外教</a>
            </li>
            <li>
                <span>外教资源</span>
                <a href="${pageContext.request.contextPath}/teachers/show?pageNum=1">外教筛选</a>
                <a href="${pageContext.request.contextPath}/teachers/show?pageNum=1">外教预约</a>
            </li>
            <li>
                <span>常见问题</span>
                <a href="${pageContext.request.contextPath}/faq.jsp">常见问题</a>
                <a href="${pageContext.request.contextPath}/leave/show">我要留言</a>
            </li>
            <li>
                <span>新闻资讯</span>
                <a href="${pageContext.request.contextPath}/news/show?ntype=1&pageNum=1">公司新闻</a>
                <a href="${pageContext.request.contextPath}/news/show?ntype=2&pageNum=1">行业新闻</a>
                <a href="${pageContext.request.contextPath}/news/show?ntype=3&pageNum=1">热点信息</a>
            </li>
            <li>
                <span>关于语铁</span>
                <a href="${pageContext.request.contextPath}/about.jsp">公司简介</a>
                <a href="${pageContext.request.contextPath}/about.jsp">服务理念</a>
            </li>
            <li>
                <span>联系我们</span>
                <a href="${pageContext.request.contextPath}/contact.jsp">联系方式</a>
                <a href="${pageContext.request.contextPath}/contactJoin.jsp">加入我们</a>
            </li>
        </ul>
    </div>
    <div>
<%--    微博--%>
    <div id="light" class="white_content">

        <img src="${pageContext.request.contextPath}/images/type/weibo.jpg"
             onclick="document.getElementById('light').style.display='none';
    document.getElementById('fade').style.display='none'" id="bigImg"/>
    </div>
    </div>
<%--    微信--%>
    <div id="light1" class="white_content">
        <img src="${pageContext.request.contextPath}/images/type/weixing.jpg"
             onclick="document.getElementById('light1').style.display='none';
    document.getElementById('fade').style.display='none'" id="bigImg1"/>
    </div>
  <div id="fade" class="black_overlay"></div>
    <h4>
        <a onclick="document.getElementById('light').style.display='block';
    document.getElementById('fade').style.display='block'">微博</a>

        <a onclick="document.getElementById('light1').style.display='block';
    document.getElementById('fade').style.display='block'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;微信</a></h4>
    <h5>
        <a href="">流量统计</a>|
        <a href="">数据分析</a>
        <a href="sitemap.jsp">网站地图</a>|
        <a href="links.jsp">法律声明</a>
    </h5>
    <dl>
        ©2010-2014语翼外教版权所有     沪ICP备11035909号-1  021-54049566 4008089565</br>
        Tutuage@51waijiao.com.cn
    </dl>
</div>
</body>
</html>
